﻿<!DOCTYPE html>
<html>
  <head>
    <title>气泡提示</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/气泡提示/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/气泡提示/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u8782" class="ax_default">
        <div id="u8782_state0" class="panel_state" data-label="State1" style="">
          <div id="u8782_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8783" class="ax_default box_2">
              <div id="u8783_div" class=""></div>
              <div id="u8783_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u8784" class="ax_default paragraph">
              <div id="u8784_div" class=""></div>
              <div id="u8784_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u8785" class="ax_default" data-label="header">
        <div id="u8785_state0" class="panel_state" data-label="State1" style="">
          <div id="u8785_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8786" class="ax_default box_1">
              <div id="u8786_div" class=""></div>
              <div id="u8786_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8787" class="ax_default">
              <div id="u8787_state0" class="panel_state" data-label="State1" style="">
                <div id="u8787_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8788" class="ax_default box_1">
                    <div id="u8788_div" class=""></div>
                    <div id="u8788_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8789" class="ax_default box_1">
                    <div id="u8789_div" class=""></div>
                    <div id="u8789_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8790" class="ax_default box_1">
                    <div id="u8790_div" class=""></div>
                    <div id="u8790_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8791" class="ax_default box_1">
                    <img id="u8791_img" class="img " src="images/index/u10.svg"/>
                    <div id="u8791_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u8792" class="ax_default image">
                    <img id="u8792_img" class="img " src="images/index/u11.png"/>
                    <div id="u8792_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8793" class="ax_default paragraph">
                    <div id="u8793_div" class=""></div>
                    <div id="u8793_text" class="text ">
                      <p><span>iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u8781" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8794" class="ax_default box_1">
        <div id="u8794_div" class=""></div>
        <div id="u8794_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u8796" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8796_div" class=""></div>
        <div id="u8796_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8797" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8797_div" class=""></div>
        <div id="u8797_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8798" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8798_div" class=""></div>
        <div id="u8798_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8799" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8799_div" class=""></div>
        <div id="u8799_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8800" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-light">
        <div id="u8800_div" class=""></div>
        <div id="u8800_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8801" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8801_div" class=""></div>
        <div id="u8801_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8802" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8802_div" class=""></div>
        <div id="u8802_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8803" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8803_div" class=""></div>
        <div id="u8803_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8804" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8804_div" class=""></div>
        <div id="u8804_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8805" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8805_div" class=""></div>
        <div id="u8805_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8806" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8806_div" class=""></div>
        <div id="u8806_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8807" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8807_div" class=""></div>
        <div id="u8807_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8808" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8808_div" class=""></div>
        <div id="u8808_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8809" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8809_div" class=""></div>
        <div id="u8809_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8810" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8810_div" class=""></div>
        <div id="u8810_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8811" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8811_div" class=""></div>
        <div id="u8811_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8812" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8812_div" class=""></div>
        <div id="u8812_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8813" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8813_div" class=""></div>
        <div id="u8813_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8814" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8814_div" class=""></div>
        <div id="u8814_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8815" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8815_div" class=""></div>
        <div id="u8815_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8816" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8816_div" class=""></div>
        <div id="u8816_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8817" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-light">
        <div id="u8817_div" class=""></div>
        <div id="u8817_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8818" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8818_div" class=""></div>
        <div id="u8818_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8819" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8819_div" class=""></div>
        <div id="u8819_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8820" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8820_div" class=""></div>
        <div id="u8820_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8821" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8821_div" class=""></div>
        <div id="u8821_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8822" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8822_div" class=""></div>
        <div id="u8822_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8823" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8823_div" class=""></div>
        <div id="u8823_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8824" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8824_div" class=""></div>
        <div id="u8824_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8825" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8825_div" class=""></div>
        <div id="u8825_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8826" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-light">
        <div id="u8826_div" class=""></div>
        <div id="u8826_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8827" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8827_div" class=""></div>
        <div id="u8827_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8828" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8828_div" class=""></div>
        <div id="u8828_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8829" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8829_div" class=""></div>
        <div id="u8829_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8830" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8830_div" class=""></div>
        <div id="u8830_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8831" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8831_div" class=""></div>
        <div id="u8831_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8832" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8832_div" class=""></div>
        <div id="u8832_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8833" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8833_div" class=""></div>
        <div id="u8833_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8834" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-light">
        <div id="u8834_div" class=""></div>
        <div id="u8834_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8835" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8835_div" class=""></div>
        <div id="u8835_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8836" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8836_div" class=""></div>
        <div id="u8836_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8837" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8837_div" class=""></div>
        <div id="u8837_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8838" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8838_div" class=""></div>
        <div id="u8838_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8839" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-light">
        <div id="u8839_div" class=""></div>
        <div id="u8839_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8840" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-light">
        <div id="u8840_div" class=""></div>
        <div id="u8840_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8841" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8841_div" class=""></div>
        <div id="u8841_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8842" class="ax_default box_1 selected" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8842_div" class="selected"></div>
        <div id="u8842_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8843" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-light">
        <div id="u8843_div" class=""></div>
        <div id="u8843_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8844" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8844_div" class=""></div>
        <div id="u8844_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8845" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8845_div" class=""></div>
        <div id="u8845_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8846" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8846_div" class=""></div>
        <div id="u8846_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8847" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8847_div" class=""></div>
        <div id="u8847_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8848" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8848_div" class=""></div>
        <div id="u8848_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8849" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8849_div" class=""></div>
        <div id="u8849_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8850" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8850_div" class=""></div>
        <div id="u8850_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8851" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8851_div" class=""></div>
        <div id="u8851_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8852" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8852_div" class=""></div>
        <div id="u8852_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8853" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8853_div" class=""></div>
        <div id="u8853_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8854" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8854_div" class=""></div>
        <div id="u8854_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8855" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8855_div" class=""></div>
        <div id="u8855_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8856" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8856_div" class=""></div>
        <div id="u8856_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8857" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8857_div" class=""></div>
        <div id="u8857_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8858" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8858_div" class=""></div>
        <div id="u8858_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8859" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-light">
        <div id="u8859_div" class=""></div>
        <div id="u8859_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8860" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-light">
        <div id="u8860_div" class=""></div>
        <div id="u8860_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8861" class="ax_default box_1" selectiongroup="u8795nav-cebianlan-fenzu-light">
        <div id="u8861_div" class=""></div>
        <div id="u8861_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">列表</span></p>
        </div>
      </div>
      <div id="u8795" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u8863" class="ax_default">
        <div id="u8863_state0" class="panel_state" data-label="State1" style="">
          <div id="u8863_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u8864" class="ax_default box_1">
              <div id="u8864_div" class=""></div>
              <div id="u8864_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u8865" class="ax_default">
              <div id="u8865_state0" class="panel_state" data-label="State1" style="">
                <div id="u8865_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8866" class="ax_default box_1">
                    <div id="u8866_div" class=""></div>
                    <div id="u8866_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8867" class="ax_default label">
                    <div id="u8867_div" class=""></div>
                    <div id="u8867_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8868" class="ax_default label">
                    <div id="u8868_div" class=""></div>
                    <div id="u8868_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8869" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8870" class="ax_default label">
                      <div id="u8870_div" class=""></div>
                      <div id="u8870_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8871" class="ax_default paragraph">
                      <div id="u8871_div" class=""></div>
                      <div id="u8871_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8872" class="ax_default label">
                    <div id="u8872_div" class=""></div>
                    <div id="u8872_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8873" class="ax_default label">
                    <div id="u8873_div" class=""></div>
                    <div id="u8873_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8874" class="ax_default label">
                    <div id="u8874_div" class=""></div>
                    <div id="u8874_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8875" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8876" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u8877" class="ax_default">
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8878" class="ax_default label">
                    <div id="u8878_div" class=""></div>
                    <div id="u8878_text" class="text ">
                      <p><span>版本号4.0</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8879" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8880" class="ax_default label">
                      <div id="u8880_div" class=""></div>
                      <div id="u8880_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8881" class="ax_default paragraph">
                      <div id="u8881_div" class=""></div>
                      <div id="u8881_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u8882" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8883" class="ax_default label">
                      <div id="u8883_div" class=""></div>
                      <div id="u8883_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u8884" class="ax_default paragraph">
                      <div id="u8884_div" class=""></div>
                      <div id="u8884_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u8885" class="ax_default image">
                    <img id="u8885_img" class="img " src="images/index/u11.png"/>
                    <div id="u8885_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u8886" class="ax_default box_1">
                    <img id="u8886_img" class="img " src="images/index/u10.svg"/>
                    <div id="u8886_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u8862" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Group) -->
      <div id="u8887" class="ax_default" data-left="230" data-top="550" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8888" class="ax_default box_1">
          <div id="u8888_div" class=""></div>
          <div id="u8888_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8889" class="ax_default label">
          <div id="u8889_div" class=""></div>
          <div id="u8889_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8890" class="ax_default line">
          <img id="u8890_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8890_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8891" class="ax_default label">
          <div id="u8891_div" class=""></div>
          <div id="u8891_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8892" class="ax_default box_1">
          <img id="u8892_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8892_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8893" class="ax_default" data-left="230" data-top="656" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8894" class="ax_default box_1">
          <div id="u8894_div" class=""></div>
          <div id="u8894_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8895" class="ax_default label">
          <div id="u8895_div" class=""></div>
          <div id="u8895_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8896" class="ax_default line">
          <img id="u8896_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8896_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8897" class="ax_default label">
          <div id="u8897_div" class=""></div>
          <div id="u8897_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8898" class="ax_default box_1">
          <img id="u8898_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8898_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8899" class="ax_default" data-left="401" data-top="798" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8900" class="ax_default box_1">
          <div id="u8900_div" class=""></div>
          <div id="u8900_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8901" class="ax_default label">
          <div id="u8901_div" class=""></div>
          <div id="u8901_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8902" class="ax_default line">
          <img id="u8902_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8902_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8903" class="ax_default label">
          <div id="u8903_div" class=""></div>
          <div id="u8903_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8904" class="ax_default box_1">
          <img id="u8904_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8904_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8905" class="ax_default" data-left="577" data-top="798" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8906" class="ax_default box_1">
          <div id="u8906_div" class=""></div>
          <div id="u8906_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8907" class="ax_default label">
          <div id="u8907_div" class=""></div>
          <div id="u8907_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8908" class="ax_default line">
          <img id="u8908_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8908_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8909" class="ax_default label">
          <div id="u8909_div" class=""></div>
          <div id="u8909_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8910" class="ax_default box_1">
          <img id="u8910_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8910_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8911" class="ax_default" data-left="754" data-top="798" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8912" class="ax_default box_1">
          <div id="u8912_div" class=""></div>
          <div id="u8912_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8913" class="ax_default label">
          <div id="u8913_div" class=""></div>
          <div id="u8913_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8914" class="ax_default line">
          <img id="u8914_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8914_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8915" class="ax_default label">
          <div id="u8915_div" class=""></div>
          <div id="u8915_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8916" class="ax_default box_1">
          <img id="u8916_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8916_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8917" class="ax_default" data-left="928" data-top="656" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8918" class="ax_default box_1">
          <div id="u8918_div" class=""></div>
          <div id="u8918_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8919" class="ax_default label">
          <div id="u8919_div" class=""></div>
          <div id="u8919_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8920" class="ax_default line">
          <img id="u8920_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8920_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8921" class="ax_default label">
          <div id="u8921_div" class=""></div>
          <div id="u8921_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8922" class="ax_default box_1">
          <img id="u8922_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8922_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8923" class="ax_default" data-left="928" data-top="550" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8924" class="ax_default box_1">
          <div id="u8924_div" class=""></div>
          <div id="u8924_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8925" class="ax_default label">
          <div id="u8925_div" class=""></div>
          <div id="u8925_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8926" class="ax_default line">
          <img id="u8926_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8926_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8927" class="ax_default label">
          <div id="u8927_div" class=""></div>
          <div id="u8927_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8928" class="ax_default box_1">
          <img id="u8928_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8928_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8929" class="ax_default" data-left="928" data-top="445" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8930" class="ax_default box_1">
          <div id="u8930_div" class=""></div>
          <div id="u8930_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8931" class="ax_default label">
          <div id="u8931_div" class=""></div>
          <div id="u8931_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8932" class="ax_default line">
          <img id="u8932_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8932_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8933" class="ax_default label">
          <div id="u8933_div" class=""></div>
          <div id="u8933_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8934" class="ax_default box_1">
          <img id="u8934_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8934_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8935" class="ax_default" data-left="754" data-top="294" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8936" class="ax_default box_1">
          <div id="u8936_div" class=""></div>
          <div id="u8936_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8937" class="ax_default label">
          <div id="u8937_div" class=""></div>
          <div id="u8937_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8938" class="ax_default line">
          <img id="u8938_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8938_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8939" class="ax_default label">
          <div id="u8939_div" class=""></div>
          <div id="u8939_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8940" class="ax_default box_1">
          <img id="u8940_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8940_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8941" class="ax_default" data-left="577" data-top="294" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8942" class="ax_default box_1">
          <div id="u8942_div" class=""></div>
          <div id="u8942_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8943" class="ax_default label">
          <div id="u8943_div" class=""></div>
          <div id="u8943_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8944" class="ax_default line">
          <img id="u8944_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8944_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8945" class="ax_default label">
          <div id="u8945_div" class=""></div>
          <div id="u8945_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8946" class="ax_default box_1">
          <img id="u8946_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8946_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8947" class="ax_default" data-left="401" data-top="294" data-width="154" data-height="88">

        <!-- Unnamed (Rectangle) -->
        <div id="u8948" class="ax_default box_1">
          <div id="u8948_div" class=""></div>
          <div id="u8948_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8949" class="ax_default label">
          <div id="u8949_div" class=""></div>
          <div id="u8949_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8950" class="ax_default line">
          <img id="u8950_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8950_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8951" class="ax_default label">
          <div id="u8951_div" class=""></div>
          <div id="u8951_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8952" class="ax_default box_1">
          <img id="u8952_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8952_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8953" class="ax_default heading_1">
        <div id="u8953_div" class=""></div>
        <div id="u8953_text" class="text ">
          <p><span>Poptip 气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8954" class="ax_default heading_1">
        <div id="u8954_div" class=""></div>
        <div id="u8954_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8955" class="ax_default label">
        <div id="u8955_div" class=""></div>
        <div id="u8955_text" class="text ">
          <p><span>Poptip 与 Tooltip 类似，具有很多相同配置，不同点是 Poptip 以卡片的形式承载了更多的内容，比如链接、表格、按钮等。</span></p><p><span>Poptip 还 confirm 确认框，与 Modal 不同的是，它会出现在就近元素，相对轻量。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8956" class="ax_default" data-left="230" data-top="445" data-width="160" data-height="82">

        <!-- Unnamed (Rectangle) -->
        <div id="u8957" class="ax_default box_1">
          <div id="u8957_div" class=""></div>
          <div id="u8957_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8958" class="ax_default label">
          <div id="u8958_div" class=""></div>
          <div id="u8958_text" class="text ">
            <p><span>提示标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u8959" class="ax_default line">
          <img id="u8959_img" class="img " src="images/气泡提示/u8890.svg"/>
          <div id="u8959_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8960" class="ax_default label">
          <div id="u8960_div" class=""></div>
          <div id="u8960_text" class="text ">
            <p><span>提示内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8961" class="ax_default box_1">
          <img id="u8961_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8961_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8962" class="ax_default box_1">
        <div id="u8962_div" class=""></div>
        <div id="u8962_text" class="text ">
          <p><span>上左</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8963" class="ax_default box_1">
        <div id="u8963_div" class=""></div>
        <div id="u8963_text" class="text ">
          <p><span>上边</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8964" class="ax_default box_1">
        <div id="u8964_div" class=""></div>
        <div id="u8964_text" class="text ">
          <p><span>上右</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8965" class="ax_default box_1">
        <div id="u8965_div" class=""></div>
        <div id="u8965_text" class="text ">
          <p><span>左上</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8966" class="ax_default box_1">
        <div id="u8966_div" class=""></div>
        <div id="u8966_text" class="text ">
          <p><span>左边</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8967" class="ax_default box_1">
        <div id="u8967_div" class=""></div>
        <div id="u8967_text" class="text ">
          <p><span>左下</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8968" class="ax_default box_1">
        <div id="u8968_div" class=""></div>
        <div id="u8968_text" class="text ">
          <p><span>下左</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8969" class="ax_default box_1">
        <div id="u8969_div" class=""></div>
        <div id="u8969_text" class="text ">
          <p><span>下边</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8970" class="ax_default box_1">
        <div id="u8970_div" class=""></div>
        <div id="u8970_text" class="text ">
          <p><span>下右</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8971" class="ax_default box_1">
        <div id="u8971_div" class=""></div>
        <div id="u8971_text" class="text ">
          <p><span>右上</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8972" class="ax_default box_1">
        <div id="u8972_div" class=""></div>
        <div id="u8972_text" class="text ">
          <p><span>右边</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8973" class="ax_default box_1">
        <div id="u8973_div" class=""></div>
        <div id="u8973_text" class="text ">
          <p><span>右下</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8974" class="ax_default" data-left="230" data-top="961" data-width="192" data-height="95">

        <!-- Unnamed (Rectangle) -->
        <div id="u8975" class="ax_default box_1">
          <div id="u8975_div" class=""></div>
          <div id="u8975_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8976" class="ax_default label">
          <div id="u8976_div" class=""></div>
          <div id="u8976_text" class="text ">
            <p><span>您确认删除这条内容吗？</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u8977" class="ax_default box_1">
          <img id="u8977_img" class="img " src="images/文字提示/u8733.svg"/>
          <div id="u8977_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8978" class="ax_default label">
          <div id="u8978_div" class=""></div>
          <div id="u8978_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8979" class="ax_default box_1">
          <div id="u8979_div" class=""></div>
          <div id="u8979_text" class="text ">
            <p><span>确定</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8980" class="ax_default box_1">
          <img id="u8980_img" class="img " src="images/气泡提示/u8980.svg"/>
          <div id="u8980_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8981" class="ax_default box_1">
        <div id="u8981_div" class=""></div>
        <div id="u8981_text" class="text ">
          <p><span>删除</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
